Skip to main content (Press Enter).
This is the current news about
cities of indonesia|List of cities in Indonesia by population
cities of indonesia|List of cities in Indonesia by population
cities of indonesia|List of cities in Indonesia by population
<span class="header_banner_https"></span> <div class="header_banner_content"> <p><strong>cities of indonesia|List of cities in Indonesia by population</strong></p> <div> A <strong>lock (<span class="header_banner_icon_lock"> <svg xmlns="http://www.w3.org/2000/svg" width="52" height="64" viewbox="0 0 52 64"> <title>lock</title> <path fill="#FFF" fill-rule="evenodd" d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z"></path> </svg> </span>)</strong> or <strong>cities of indonesia|List of cities in Indonesia by population</strong> New RedClub. Get exciting benefits. Log in | Sign up. Check In. Tue, 03 Sep. Check Out. Wed, 04 Sep. Rooms. 1 Room, 2 Guest Search Search </div> </div> </div> </div> </div> </div> <div class="header-utility-nav"> <div class="inner"> <ul class="social-nav"> <li class="social-item"> <a href="/android/qwhcfvqg-228/" target="_blank" rel="noopener noreferrer" title="Twitter"> <span class="social-icon fa fa-twitter social-link-4"></span> </a> </li> <li class="social-item"> <a href="/news/wbrfdqzs-133/" target="_blank" rel="noopener noreferrer" title="Facebook"> <span class="social-icon fa fa-facebook social-link-1"></span> </a> </li> <li class="social-item"> <a href="/blog/xttxvhgx-8/" target="_blank" rel="noopener noreferrer" title="Instagram"> <span class="social-icon fa fa-instagram social-link-3"></span> </a> </li> <li class="social-item"> <a href="/download/gfnqiuux-286/" target="_blank" rel="noopener noreferrer" title="LinkedIn"> <span class="social-icon fa fa-linkedin social-link-50"></span> </a> </li> <li class="social-item"> <a href="/android/cwlrwzet-292/" target="_blank" rel="noopener noreferrer" title="YouTube"> <span class="social-icon fa fa-** social-link-2"></span> </a> </li> </ul> </div> </div> <div class="header-main-nav-wrapper"> <div class="header-inner"> <div id="nav-burger" class="hide-on-mobile-nav-open" aria-role="button" aria-label="toggle navigation"><span></span><span></span><span></span><span></span></div> <a class="logo" href="/" target=""> <img src="/template/qiye/picture/DOD-Icon-Header.png" alt="Logo for " title=""> <span></span> </a> <nav class="main"> <ul> <li class="mobile-back"><a href="/ph/jprtilji-10/"><i class="fa fa-chevron-left"></i>Back</a></li> <li class="mobile-home"><a href="/blog/zqvxxzdm-211/">Home</a></li> <li class="mobile-level1-placeholder"><a href="#">Place Holder</a></li> <li class="desktop-blank"></li> <li class="parent top-level "> <a href="/jili/knabnluw-251/" tabindex="0" aria-expanded="false">News<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/ios/ffztlibz-274/" tabindex="0" aria-expanded="false"><span class="main">Press Products</span></a> <ul class="parent"> <li class=""> <a href="/bet/qzfzidbf-295/" tabindex="0"><span class="main">Today in DOD</span></a> </li> <li class=""> <a href="/news/lbqyvirn-33/" tabindex="0"><span class="main">Live Events</span></a> </li> <li class=""> <a href="/ios/jpypubgf-225/" tabindex="0"><span class="main">Releases</span></a> </li> <li class=""> <a href="/bet/mfgzsotq-76/" tabindex="0"><span class="main">Advisories</span></a> </li> <li class=""> <a href="/news/qztillqu-298/" tabindex="0"><span class="main">Transcripts</span></a> </li> <li class=""> <a href="/ios/shqhktld-271/" tabindex="0"><span class="main">Speeches</span></a> </li> <li class=""> <a href="/news/hilgsios-242/" tabindex="0"><span class="main">Publications</span></a> </li> <li class=""> <a href="/download/hrlwvuva-257/" tabindex="0"><span class="main">Contracts</span></a> </li> </ul> </li> <li class="parent"> <a href="/bet/usnbhayl-273/" tabindex="0" aria-expanded="false"><span class="main">Newsroom</span></a> <ul class="parent"> <li class=""> <a href="/blog/esutfnux-87/" tabindex="0"><span class="main">News Stories</span></a> </li> <li class=""> <a href="/blog/phvrpefy-143/" tabindex="0"><span class="main">Feature Stories</span></a> </li> <li class=""> <a href="/ios/mqpntasz-106/" tabindex="0"><span class="main">Stories from the Services</span></a> </li> </ul> </li> <li class="parent"> <a href="/news/skupwzcf-189/" aria-expanded="false"><span class="main">Multimedia</span></a> <ul class="parent"> <li class=""> <a href="/download/swtdeqkk-80/" tabindex="0"><span class="main">Photos</span></a> </li> <li class=""> <a href="/download/dcdudtsh-101/" tabindex="0"><span class="main">Videos</span></a> </li> <li class=""> <a href="/ios/efpnpquc-249/" tabindex="0"><span class="main">Interactive Experiences</span></a> </li> </ul> </li> </ul> </div> </li> <li class="parent top-level "> <a href="/blog/lmiimobg-162/" tabindex="0" aria-expanded="false">Spotlights<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/bet/axnozpqa-4/" aria-expanded="false"><span class="main">Trending Issues</span></a> <ul class="parent"> <li class=""> <a href="/jili/aavqquah-192/" tabindex="0"><span class="main">Taking Care of Our People</span></a> </li> <li class=""> <a href="/download/fakkenep-11/" tabindex="0"><span class="main">NATO</span></a> </li> <li class=""> <a href="/ph/mepakiay-34/" tabindex="0"><span class="main">Focus on the Indo-Pacific</span></a> </li> <li class=""> <a href="/download/wboyelow-167/" tabindex="0"><span class="main">Support for Ukraine</span></a> </li> </ul> </li> <li class="parent"> <a href="/jili/gmthrapz-243/" aria-expanded="false"><span class="main">Topics</span></a> <ul class="parent"> <li class=""> <a href="/blog/crusvhys-156/" tabindex="0"><span class="main">Value of Service</span></a> </li> <li class=""> <a href="/jili/lkycccgl-255/" tabindex="0"><span class="main">Science & Technology</span></a> </li> <li class=""> <a href="/android/ywohracd-293/" tabindex="0"><span class="main">Face of Defense</span></a> </li> <li class=""> <a href="/ph/uvpaekre-235/" tabindex="0"><span class="main">All Spotlights</span></a> </li> </ul> </li> </ul> </div> </li> <li class="parent top-level "> <a href="/ios/iedibikj-252/" tabindex="0" aria-expanded="false">About<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/ph/ufrcuock-63/" tabindex="0" aria-expanded="false"><span class="main">Leadership</span></a> <ul class="parent"> <li class=""> <a href="/android/gmiscxmb-127/" tabindex="0"><span class="main">Secretary of Defense</span></a> </li> <li class=""> <a href="/download/lmiimobg-97/" tabindex="0"><span class="main">Deputy Secretary of Defense</span></a> </li> <li class=""> <a href="/bet/hhjzrdas-185/" tabindex="0"><span class="main">Chairman of the Joint Chiefs of Staff</span></a> </li> <li class=""> <a href="/android/czubmqyy-261/" tabindex="0"><span class="main">Vice Chairman of the Joint Chiefs of Staff</span></a> </li> <li class=""> <a href="/download/byffokqe-20/" tabindex="0"><span class="main">Office of the Secretary of Defense</span></a> </li> <li class=""> <a href="/android/oqrzakvr-155/" tabindex="0"><span class="main">More Leaders</span></a> </li> </ul> </li> <li class="parent"> <a href="/bet/tvdpkhaj-121/" aria-expanded="false"><span class="main">Components</span></a> <ul class="parent"> <li class=""> <a href="/bet/mthfqruq-70/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Army</span></a> </li> <li class=""> <a href="/bet/hwfijoyh-60/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Marine Corps</span></a> </li> <li class=""> <a href="/jili/herhcdpq-292/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Navy</span></a> </li> <li class=""> <a href="/android/agswvhjg-227/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Air Force</span></a> </li> <li class=""> <a href="/news/ecfldewy-160/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Space Force</span></a> </li> <li class=""> <a href="/ph/jrxrlfei-193/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Coast Guard</span></a> </li> <li class=""> <a href="/blog/dcshlkkq-200/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">National Guard</span></a> </li> <li class=""> <a href="/download/lexahmbu-229/" tabindex="0"><span class="main">Combatant Commands</span></a> </li> </ul> </li> </ul> </div> </li> </ul> <div class="nav-search-icon" tabindex="0"> <i class="fa fa-search"></i> </div> <div class="nav-search"> <label for="desktop-search" class="sr-only">Search</label> <input id="desktop-search" title="Search" aria-label="Search" type="search" autocomplete="off" maxlength="256" name="header-search" placeholder="Search..." value=""> <span class="search-icon" tabindex="0"><i class="fa fa-search" aria-label="Search"></i></span> <span class="close-icon" tabindex="0"><i class="desktop-search-close" aria-label="Search"></i></span> </div> <div class="level2-backdrop"> <div class="backdrop-image"></div> </div> </nav> </div> </div> <div id="mobile-overlay"></div> <div id="nav-drawer"> <div class="drawer-inner"> <div id="nav-burger" class="internal" aria-role="button" aria-label="toggle navigation"><span></span><span></span><span></span><span></span></div> <div class="search-wrap"> <label for="mobile-search" class="sr-only">Search</label> <input id="mobile-search" type="search" title="Search" id="search-main" placeholder="Search" maxlength="256" autocomplete="off" name="search-main"> <span id="search-main-icon"><i class="fa fa-search"></i></span> <a href="#" class="skin-search-go">Search</a> </div> <nav> <div class="primary"> <ul> <li class="mobile-back"><a href="#"><i class="fa fa-chevron-left"></i>Back</a></li> <li class="mobile-home"><a href="https://www.youfitter.com">Home</a></li> <li class="mobile-level1-placeholder"><a href="#">Place Holder</a></li> <li class="desktop-blank"></li> <li class="parent top-level "> <a href="/ios/egliyqic-144/" tabindex="0" aria-expanded="false">News<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/android/rinnvkyp-176/" tabindex="0" aria-expanded="false"><span class="main">Press Products</span></a> <ul class="parent"> <li class=""> <a href="/bet/ibgtsutf-184/" tabindex="0"><span class="main">Today in DOD</span></a> </li> <li class=""> <a href="/android/puzwnzgk-24/" tabindex="0"><span class="main">Live Events</span></a> </li> <li class=""> <a href="/blog/tkbwspwo-228/" tabindex="0"><span class="main">Releases</span></a> </li> <li class=""> <a href="/ph/othfsewz-123/" tabindex="0"><span class="main">Advisories</span></a> </li> <li class=""> <a href="/news/ecfldewy-160/" tabindex="0"><span class="main">Transcripts</span></a> </li> <li class=""> <a href="/ph/tiqzsfpy-64/" tabindex="0"><span class="main">Speeches</span></a> </li> <li class=""> <a href="/bet/afushooq-168/" tabindex="0"><span class="main">Publications</span></a> </li> <li class=""> <a href="/ph/bieqmuib-219/" tabindex="0"><span class="main">Contracts</span></a> </li> </ul> </li> <li class="parent"> <a href="/ph/uanbbopp-223/" tabindex="0" aria-expanded="false"><span class="main">Newsroom</span></a> <ul class="parent"> <li class=""> <a href="/bet/bzewcfxi-184/" tabindex="0"><span class="main">News Stories</span></a> </li> <li class=""> <a href="/ph/kecrcvvk-89/" tabindex="0"><span class="main">Feature Stories</span></a> </li> <li class=""> <a href="/jili/xcwwxbll-105/" tabindex="0"><span class="main">Stories from the Services</span></a> </li> </ul> </li> <li class="parent"> <a href="/jili/ktscrqyj-281/" aria-expanded="false"><span class="main">Multimedia</span></a> <ul class="parent"> <li class=""> <a href="/jili/zylopjlo-166/" tabindex="0"><span class="main">Photos</span></a> </li> <li class=""> <a href="/ios/kprpzeqx-134/" tabindex="0"><span class="main">Videos</span></a> </li> <li class=""> <a href="/bet/boqkmpkm-134/" tabindex="0"><span class="main">Interactive Experiences</span></a> </li> </ul> </li> </ul> </div> </li> <li class="parent top-level "> <a href="/jili/czcsvppn-163/" tabindex="0" aria-expanded="false">Spotlights<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/download/qishhuaq-166/" aria-expanded="false"><span class="main">Trending Issues</span></a> <ul class="parent"> <li class=""> <a href="/blog/zdmyohpw-186/" tabindex="0"><span class="main">Taking Care of Our People</span></a> </li> <li class=""> <a href="/download/gjgiwikp-287/" tabindex="0"><span class="main">NATO</span></a> </li> <li class=""> <a href="/news/gcpcksko-225/" tabindex="0"><span class="main">Focus on the Indo-Pacific</span></a> </li> <li class=""> <a href="/ph/bszfcxla-227/" tabindex="0"><span class="main">Support for Ukraine</span></a> </li> </ul> </li> <li class="parent"> <a href="/ios/qclavqys-22/" aria-expanded="false"><span class="main">Topics</span></a> <ul class="parent"> <li class=""> <a href="/ph/vbnsmzlk-5/" tabindex="0"><span class="main">Value of Service</span></a> </li> <li class=""> <a href="/android/fovyivpn-210/" tabindex="0"><span class="main">Science & Technology</span></a> </li> <li class=""> <a href="/jili/kfrxcgdh-264/" tabindex="0"><span class="main">Face of Defense</span></a> </li> <li class=""> <a href="/download/wyyhtdxc-272/" tabindex="0"><span class="main">All Spotlights</span></a> </li> </ul> </li> </ul> </div> </li> <li class="parent top-level "> <a href="/ios/xmrxmdqu-198/" tabindex="0" aria-expanded="false">About<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/download/jbczkhwg-244/" tabindex="0" aria-expanded="false"><span class="main">Leadership</span></a> <ul class="parent"> <li class=""> <a href="/ph/troaxxwa-191/" tabindex="0"><span class="main">Secretary of Defense</span></a> </li> <li class=""> <a href="/download/ppjrelui-264/" tabindex="0"><span class="main">Deputy Secretary of Defense</span></a> </li> <li class=""> <a href="/news/tjpfiytc-92/" tabindex="0"><span class="main">Chairman of the Joint Chiefs of Staff</span></a> </li> <li class=""> <a href="/android/mxvtexnw-131/" tabindex="0"><span class="main">Vice Chairman of the Joint Chiefs of Staff</span></a> </li> <li class=""> <a href="/jili/jubiazot-273/" tabindex="0"><span class="main">Office of the Secretary of Defense</span></a> </li> <li class=""> <a href="/news/vbbrjphd-118/" tabindex="0"><span class="main">More Leaders</span></a> </li> </ul> </li> <li class="parent"> <a href="/jili/scmdkzun-187/" aria-expanded="false"><span class="main">Components</span></a> <ul class="parent"> <li class=""> <a href="/news/yeosxwnp-193/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Army</span></a> </li> <li class=""> <a href="/ios/pcmhtmfl-59/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Marine Corps</span></a> </li> <li class=""> <a href="/bet/ybnurueu-89/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Navy</span></a> </li> <li class=""> <a href="/bet/mwtcozcm-131/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Air Force</span></a> </li> <li class=""> <a href="/jili/bhbtovka-238/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Space Force</span></a> </li> <li class=""> <a href="/ph/bpdwmenp-203/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Coast Guard</span></a> </li> <li class=""> <a href="/bet/ecjjpeim-18/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">National Guard</span></a> </li> <li class=""> <a href="/blog/owyjyoyr-33/" tabindex="0"><span class="main">Combatant Commands</span></a> </li> </ul> </li> </ul> </div> </li> </ul> <ul> <li class="parent top-level"> <a href="#" target="" tabindex="0" aria-expanded="false">Legal & Administrative<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="arrow-down"><i></i></div> <div class="level2-container"> <ul class="level2"> <ul class=""> <li class=""> <a href="/ios/mlmhphup-284/"> <span class="text text-link-12">Privacy & Security</span> </a> </li> <li class=""> <a href="/ios/zgvhirsh-287/"> <span class="text text-link-17">Links Disclaimer</span> </a> </li> <li class=""> <a href="/ph/rvkyvcvx-89/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-13">Section 508</span> </a> </li> <li class=""> <a href="/download/ylzkvimh-249/"> <span class="text text-link-52">DOD Social Media Policy</span> </a> </li> <li class=""> <a href="/bet/ccpvbzrf-126/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-14">Web Policy</span> </a> </li> <li class=""> <a href="/bet/beaslwcp-231/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-37">Plain Writing Act</span> </a> </li> <li class=""> <a href="/android/vsuowpcq-146/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-38">DOD IG</span> </a> </li> <li class=""> <a href="/jili/kfhkprvu-164/ " target="_blank" rel="noopener noreferrer"> <span class="text text-link-39">Reporting Civilian Casualties</span> </a> </li> <li class=""> <a href="/jili/swdvrdhq-46/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-40">No FEAR Act</span> </a> </li> <li class=""> <a href="/download/ddgoiqhb-169/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-41">Imagery Use</span> </a> </li> <li class=""> <a href="/news/otcuyzlw-137/ " target="_blank" rel="noopener noreferrer"> <span class="text text-link-42">FOIA</span> </a> </li> <li class=""> <a href="/ios/xyrrzhzc-258/ " target="_blank" rel="noopener noreferrer"> <span class="text text-link-43">Open GOV</span> </a> </li> <li class=""> <a href="/bet/vdpbiohi-152/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-44">Strategic Management Plan</span> </a> </li> <li class=""> <a href="/news/lbifduvt-153/ " target="_blank" rel="noopener noreferrer"> <span class="text text-link-45">USA.gov</span> </a> </li> <li class=""> <a href="/blog/qcittxmi-255/ " target="_blank" rel="noopener noreferrer"> <span class="text text-link-46">Small Business Act</span> </a> </li> <li class=""> <a href="/ph/ydcmpcig-233/ "> <span class="text text-link-47">Site Map</span> </a> </li> </ul> </ul> </div> </li> </ul> </div> <div class="social"> <ul class="social-nav"> <li class="social-item"> <a href="/ios/hrcdaaic-87/" target="_blank" rel="noopener noreferrer" title="Twitter"> <span class="social-icon fa fa-twitter social-link-4"></span> </a> </li> <li class="social-item"> <a href="/android/rkxpvvtd-78/" target="_blank" rel="noopener noreferrer" title="Facebook"> <span class="social-icon fa fa-facebook social-link-1"></span> </a> </li> <li class="social-item"> <a href="/news/mbuepviy-216/" target="_blank" rel="noopener noreferrer" title="Instagram"> <span class="social-icon fa fa-instagram social-link-3"></span> </a> </li> <li class="social-item"> <a href="/bet/lfmsilxr-158/" target="_blank" rel="noopener noreferrer" title="LinkedIn"> <span class="social-icon fa fa-linkedin social-link-50"></span> </a> </li> <li class="social-item"> <a href="/download/uarylbqb-133/" target="_blank" rel="noopener noreferrer" title="YouTube"> <span class="social-icon fa fa-** social-link-2"></span> </a> </li> </ul> </div> </nav> </div> </div> </header> <main> <p id="skip-target-holder"><a id="skip-target" name="skip-target" class="skip" tabindex="-1" aria-label="Skip Target"></a></p> <div id="dnn_ContentPaneFullBleed1"><div class="DnnModule DnnModule-ArticleCSViewArticle DnnModule-1990"><a name="1990"></a> <div class="empty-container base-container"> <div id="dnn_ctr1990_ContentPane"><!-- Start_Module_1990 --><style> @media (max-width: 768px) { .abanner.no-abanner-mobile header { padding: 130px 15px 0 !important; height: 350px; } } </style> <style> /* CHANGES FOR TEMPLATE */ .adetail .related { padding-bottom: 0px !important; } .abanner header { padding: calc(130px + 2rem) 0 1.5rem; } @media (max-width: 768px) .adetail.aframe .content .inside { padding: 15px 15px; } @media (max-width: 1200px) { .abanner header { padding: 120px 0 0px 0; }} /* HOT FIX */ @media (max-width: 768px) { .abanner.no-abanner-mobile header .maintitle { margin: 20px 10px; } .adetail .social-block span .addthis_button_facebook span.fa { font-size: 25px; } .adetail .social-block span .addthis_button_twitter span.fa { font-size: 26px; } body .more-addthis.overlay { width: 100%; } } .aframe .body .ntext { border: none; } .aframe .body .related.ntext { border: 1px solid #aebfd4; } </style><div id="dnn_ctr1990_ModuleContent" class="DNNModuleContent ModArticleCSViewArticleC"> <div id="dnn_ctr1990_ViewArticle_UpdatePanel1" class="article-view"> <!-- global:DGOV2-newsroom-story --> <div class="adetail abanner no-abanner-mobile aframe content-type-1" itemscope="" itemtype="/android/txdyzres-18/" data-content-type="News"> <header class="content-wrap"> <h1 class="maintitle"> cities of indonesia|List of cities in Indonesia by population </h1> <div class="date-line"> <span class="date"> 20250525 <span class="pipe">|</span> <span class="author-block"> By <a class="article-link" href="/bet/ikqwsclt-52/"></a> </span> , DOD News </span> <span class="social-block"> <span class="pipe">|</span> <span class="a2a_kit a2a_kit_size_32" data-a2a-url="/blog/lwbxnwki-15/"> <a class="a2a_button_facebook social-link" aria-label="Share to Facebook"> <span class="fa fa-facebook"></span> </a> <a class="a2a_button_twitter social-link" aria-label="Share to Twitter"> <span class="fa fa-twitter"></span> </a> </span> <div class="social-link social-link-more" tabindex="0" aria-haspopup="true"> <span class="fas fa-share"></span> <div class="more-share"> <div class="social-link-more-close">×</div> <div class="title">Share</div> <a class="social-link-link social-link" href="javascript:void(0)" rel="noreferrer noopener"> <div class="social-link-inner"> <span class="fa fa-link"></span> <b class="copy-link-text">Copy Link</b> </div> </a> <div class="a2a_kit a2a_kit_size_32" data-a2a-url="/ph/yqqwmxvr-209/"> <a class="a2a_button_email social-link"> <div class="social-link-inner"> <span class="fa fa-envelope"></span> Email </div> </a> <a class="a2a_button_facebook social-link"> <div class="social-link-inner"> <span class="fa fa-facebook"></span> Facebook </div> </a> <a class="a2a_button_twitter social-link"> <div class="social-link-inner"> <span class="fa fa-twitter"></span> Twitter </div> </a> <a class="a2a_button_linkedin social-link"> <div class="social-link-inner"> <span class="fa fa-linkedin"></span> LinkedIn </div> </a> <a class="a2a_button_whatsapp social-link"> <div class="social-link-inner last"> <span class="fa fa-whatsapp"></span> WhatsApp </div> </a> </div> </div> </div> <script type="text/javascript" defer="" src="/template/qiye/js/page.js"> </script> <script type="text/javascript"> var $social_link = $('.social-link-link'); var $social_link_more = $('.social-link-more'); $social_link.on('click keydown', handleCopyClick); function handleCopyClick(event) { if (event.type.toLowerCase() === "keydown" && event.key.toLowerCase() === "tab") { return; } copyToClipboard('/blog/wqqyfjqu-14/').then(function () { $social_link.find('.copy-link-text').text('Copied!'); $social_link.addClass('copied'); setTimeout(function () { $social_link.find('.copy-link-text').text('Copy Link'); $social_link.removeClass('copied'); }, 5000); }); $social_link_more.focus(); } function copyToClipboard(textToCopy) { // navigator clipboard api needs a secure context (https) if (navigator.clipboard && window.isSecureContext) { // navigator clipboard api method' - note does not work on non https urls return navigator.clipboard.writeText(textToCopy); } else { // fallback text area method let textArea = document.createElement("textarea"); textArea.value = textToCopy; // make the textarea out of viewport textArea.style.position = "fixed"; textArea.style.left = "-999999px"; textArea.style.top = "-999999px"; document.body.appendChild(textArea); textArea.focus(); textArea.select(); return new Promise((res, rej) => { // here the magic happens document.execCommand('copy') ? res() : rej(); textArea.remove(); }); } } $social_link_more.on('click', function () { if (!window.matchMedia("(max-width: 768px)").matches) return; document.body.style.position = 'fixed'; document.body.style.width = '100%'; document.body.appendChild($('.more-share').addClass('overlay')[0]); }); var $social_link_more_close = $('.social-link-more-close'); $social_link_more_close.on('click', function () { document.body.style.position = null; document.body.style.width = null; $social_link_more.append($('.more-share').removeClass('overlay')); }); </script> </span> </div> </header> </div> <div class="content content-wrap"> <div class="inside ntext"> <div class="body"> <div class="ast-glance"> cities of indonesia|List of cities in Indonesia by population : Clark In total, there are 94 cities in Indonesia. The largest city is Jakarta with a population of 10 135 030 . The total population of Indonesia is 266911900 people - 3.43% of the total . Realistic Car Controller is a powerful and easy-to-use tool for creating realistic and customizable car physics in Unity. You can adjust the suspension, engine, transmission, brakes, wheels, sounds, and more. Whether you are making a racing game, a simulator, or a sandbox, Realistic Car Controller will help you achieve your goals. Compare with .No deposit spins var blant de vanligste uttrykkene, og til og med nå i 2024 er no deposit free spins det mest brukte uttrykket i England. . Vil du ha mange gratis free spins, anbefaler vi absolutt å . </div> <p><img src="/upluds/images/cities of indonesia.jpg" alt="cities of indonesia"></p> <p>cities of indonesia,Indonesia has 93 cities classified as kota (city) and one provincial-level capital city. Population figures are taken from the 2020 census by Statistics Indonesia (BPS). [ 1] Jakarta is the largest city and .This is a list of cities and towns in Indonesia, ordered alphabetically by province ( propinsi, or provinsi) or special district ( daerah istimewa ). ( See also city; urban planning .)</p><p>Indonesia has 12 cities with more than a million people, 121 cities with between 100,000 and 1 million people, and 242 cities with between 10,000 and 100,000 people. The largest .Learn about the top 10 most populated cities in Indonesia, their locations, economies, and universities. Find out the population, density, and growth rate of e.Regencies & Cities: regencies (kabupaten) and (administrative) cities (kota) of the province – 2005, 2010, 2015, 2020 census; Districts: districts (kecamatan, distrik) in the regencies .In total, there are 94 cities in Indonesia. The largest city is Jakarta with a population of 10 135 030 . The total population of Indonesia is 266911900 people - 3.43% of the total .</p><p> Manado, the second largest city in Sulawesi region. Balikpapan, the second largest city and the most important city in Kalimantan region. Jayapura, the largest city .This is a list of official cities in Indonesia. They are organized by major island or region. The population numbers are based on data from 2005. [1] List of population cities in Indonesia based on the estimates and projections by United Nations. yearwise change in population and population growth rate. Data .cities of indonesia List of cities in Indonesia by populationThe largest cities in Indonesia, ranked by population. The total population of Indonesia is 268,074,600 as of 1-Jul-19 , which represents 3.48% of global population and ranks . Few destinations can beat Indonesia in terms of variety. 3. Raja Ampat, West Papua Best place for snorkeling and diving. Raja Ampat was once an under-the-radar destination visited only by intrepid scuba . Jakarta tops the list of major cities in Indonesia. As one of the most populated city in the world, Jakarta is a vibrant metropolitan city with towering skyscrapers, modern shopping malls and a busy nightlife . Physical map of Indonesia showing major cities, terrain, national parks, rivers, and surrounding countries with international borders and outline maps. Key facts about Indonesia.</p><p>cities of indonesiaNational Monument, the symbol of independence, at the center of Merdeka Square, Jakarta.. The capital of Indonesia, officially the capital of the Unitary State of the Republic of Indonesia (Indonesian: Ibukota Negara Kesatuan Republik Indonesia), is Jakarta, [1] one of the oldest continuously inhabited cities in Southeast Asia.However, since the .</p><p>Indonesia is one of Asia's most populous countries, which isn't surprising as it is the 15th largest country in the world by area. Eleven of the country's cities have populations that have surpassed the one million resident milestone, including the capital city of Jakarta which has surpassed 8.5 million as of 2016. There are also over 100 cities that boast .</p><p>The largest cities in Indonesia, ranked by population. The total population of Indonesia is 268,074,600 as of 1-Jul-19 , which represents 3.48% of global population and ranks Indonesia # 4 worldwide. Numbers generally reflect the city population, rather than the urban areas, municipality, or urban agglomeration. Note that double listings may . The sprawling archipelago of Indonesia has more than 17,000 islands, 300 ethnicities and countless idyllic landscapes, making it ever-intriguing to explore. From majestic mountains to glorious temples, discover the most beautiful places in the country.</p><p>Regencies (kabupaten) and cities (kota) are the second-level administrative subdivision in Indonesia, immediately below the provinces, and above the districts.Regencies are roughly equivalent to American counties, although most cities in the United States are below the counties. [1] Following the implementation of decentralization beginning on 1 January .This is a large shopping mall in Jakarta, the capital city of Indonesia. It is a part of the mixed-use development of Casablanca City by the Pakuwon Group. Kota Kasablanka has several areas, including a shopping mall, an office tower called EightyEight@Kasablanka, an apartment complex, and a hotel. .</p><p> The average cost of living in Indonesia is $567, which is 1.84 times less expensive than the world's average. Compare cost of living by city. Indonesia ranked 161st out of 197 countries by cost of living and 105th best country to live in.</p><p>List of cities in Indonesia by populationJakarta is the largest city and the only megacity in Indonesia, with a population of 10.70 million. As a primate city, Jakarta is nearly four times larger than the second largest city Surabaya. Jakarta's status is unique compared to other cities in Indonesia, since it is technically a province with a city management. The cities of Indonesia present a journey through a country that’s as diverse as it is beautiful. From Jakarta’s urban energy to Yogyakarta’s cultural heart, Bandung’s cool climate to Surabaya’s . Biggest Cities In Indonesia Jakarta, the largest city in Indonesia as well as its capital. Introduction . The republic of Indonesia is a sovereign state that is located Southeast Asia with some of its .<br><img src="/upluds/images/cities of indonesia.jpg" alt="cities of indonesia"><br> Fun fact: Did you know that Indonesia is the largest country in Southeast Asia and the largest archipelago in the world?. Indonesia is also home to approximately 240 million people. Resting between the Indian and Pacific oceans, Indonesia shares land borders with East Timor, Malaysia, and Papua New Guinea. There is also an extensive .</p><p> Fun fact: Did you know that Indonesia is the largest country in Southeast Asia and the largest archipelago in the world?. Indonesia is also home to approximately 240 million people. Resting between the Indian and Pacific oceans, Indonesia shares land borders with East Timor, Malaysia, and Papua New Guinea. There is also an extensive .The map of Indonesia with major cities shows all biggest and main towns of Indonesia. This map of major cities of Indonesia will allow you to easily find the big city where you want to travel in Indonesia in South Eastern Asia.A city of contrasts, Bandung is one of Indonesia's most significant and most rapidly developing cities. located at a distance of 150 kms from Jakarta. Characterized by rippling rice fields, volcanic mountains, and a distinctly European feel, Bandung was dubbed the "Paris of Java" by the Dutch colonialists.Jakarta is one of Southeast Asia’s biggest cities and is the capital of Indonesia. The city is home to over 9 million people with this number even growing by around 2 million daily as commuters come to the city to work. Jakarta is not the easiest city to navigate and it is highly recommended to have a good guide with you to show you the most .The urban population of Indonesian cities and and settlements with more than 75,000 urban inhabitants according to census results. Name Status Adm. Population Census (C) 1990-10-30 Population Census (C) 2000-06-30 Population Census (C) 2010-05-01 Area ; .</p> </p> <strong>cities of indonesia|List of cities in Indonesia by population</strong> <!--image--> <div class="fbtslist"> PH0 · Population of cities in Indonesia 2024 <br> PH1 · Population of Cities in Indonesia 2024 <br> PH2 · List of cities in Indonesia by population<br> PH3 · List of cities in Indonesia <br> PH4 · List of cities and towns in Indonesia <br> PH5 · List of Indonesian cities by population <br> PH6 · Largest cities in Indonesia <br> PH7 · Indonesia: Provinces, Regencies, Cities, Districts, Communes <br> PH8 · Biggest Cities In Indonesia <br> </div> <div class="media-inline media-inline-xlarge " style=""> <a href="#pop7168260" class="popup" data-width="1280" data-height="854" data-dynamic="1"> <div class="image-wrapper"> <div class="overlay"></div> <img src="/upluds/images/List of cities in Indonesia by population.jpg" alt="List of cities in Indonesia by population." class="img-responsive"> </div> </a> </div> <!--popup--> <div style="display:none"> <div class="media-inline-popup" id="pop7168260"> <div class="media-inline-img-container"><img src="/upluds/images/cities of indonesia|List of cities in Indonesia by population.jpg" alt="cities of indonesia|List of cities in Indonesia by population." class="img-responsive"></div> <div class="info"> <span class="title"> cities of indonesia|List of cities in Indonesia by population </span> <div class="caption"> cities of indonesia|List of cities in Indonesia by population. </div> <div class="bottom"> <div class="social"> <span class="subhead">Share:</span> <div class=" social-inner"> <div class="a2a_kit a2a_kit_size_32 social-inner" data-a2a-url="/ph/cjbemerv-276/" data-a2a-title="Photo Shoot"> <a class="a2a_button_facebook social-link" aria-label="Share to Facebook"> <span class="fa fa-facebook"></span> </a> <a class="a2a_button_twitter social-link" aria-label="Share to Twitter"> <span class="fa fa-twitter"></span> </a> </div> <div class="social-link social-link-more social-link-more-7168260" tabindex="0" aria-haspopup="true" onclick="dgov2acs_handleSocialLinkMoreClick(event)"> <span class="fas fa-share"></span> <div class="more-share more-share-dark more-share-7168260" data-a2a-url="/blog/zczpqsrh-205/" data-a2a-title="Photo Shoot"> <div class="social-link-more-close social-link-more-close-7168260">×</div> <div class="title">Share</div> <a class="social-link-link social-link-link-7168260 social-link" data-url="/news/fatczpug-73/" href="javascript:void(0)" onclick="dgov2acs_handleCopyLinkClick(event)" rel="noreferrer noopener" tabindex="0"> <div class="social-link-inner"> <span class="fa fa-link"></span> <b class="copy-link-text">Copy Link</b> </div> </a> <div class="a2a_kit a2a_kit_size_32" data-a2a-url="/jili/fnvyqhsn-32/" data-a2a-title="Photo Shoot"> <a class="a2a_button_email social-link"> <div class="social-link-inner"> <span class="fa fa-envelope"></span> Email </div> </a> <a class="a2a_button_facebook social-link"> <div class="social-link-inner"> <span class="fa fa-facebook"></span> Facebook </div> </a> <a class="a2a_button_twitter social-link"> <div class="social-link-inner"> <span class="fa fa-twitter"></span> Twitter </div> </a> <a class="a2a_button_linkedin social-link"> <div class="social-link-inner"> <span class="fa fa-linkedin"></span> LinkedIn </div> </a> <a class="a2a_button_whatsapp social-link"> <div class="social-link-inner last"> <span class="fa fa-whatsapp"></span> WhatsApp </div> </a> </div> </div> </div> </div> <script type="text/javascript" defer="" src="/template/qiye/js/page.js"></script> </div> <div class="action"> <div class="action-item download-link"> <b>Download:</b> <a href="/upluds/news/xhlyt.jpg" title="Photo Shoot" target="_blank" rel="noreferrer noopener" class="article-link"> <span>Full Size (<span>80225 MB</span>)</span> </a> </div> <div class="action-item photographer"> <b>Photo By:</b> <span>cities of indonesia|List of cities in Indonesia by population</span> </div> <div class="action-item virin"> <b>VIRIN:</b> <span>44523-50786-27744</span> </div> </div> </div> </div> </div> </div> <style> #cboxClose { position: absolute; top: 5px; right: 5px; display: block; background: url(/template/qiye/image/media_popup_close.png) no-repeat top center; width: 40px; height: 40px; text-indent: -9999px; } #cboxClose:hover { background-position: bottom center; } .me-plugin { width: 100%; height: 100%; } </style> <script type="text/javascript"> var gih = 0; var giw = 0; var pup; var g_isDynamic = false; function popupResize(ibox, w, h, doResize) { if ($(ibox).hasClass('dgov2popup-info')) { // This block is included once, so is shared by all media tokens. // this block is how we execute the special resize for dgov2's slideshow popup dgov2slideshowPopupResize(ibox, w, h, doResize); return; } if (!g_isDynamic) return; var isMobile = window.matchMedia('(max-width: 1200px)').matches; if (isMobile) { $.colorbox.resize({ width: "100%", height: "100%" }); $(ibox).find(".img-responsive").width('100%'); $(ibox).find(".img-responsive").height('auto'); $(ibox).find(".info").css('height', 'auto'); return; } var iw = w; var ih = h; var ww = $(window).width(); var wh = $(window).height(); var hextra = 40; var wextra = 360; var hborder = 120; var wborder = 120; var maxw = ww - wextra - wborder; var maxh = wh - hextra - hborder; var ratio = Math.min(maxw / iw, maxh / ih); iw = Math.floor(iw * ratio); // use floor to avoid overflow scrollbar ih = Math.floor(ih * ratio); // console.log(iw + " " + ih + " --- " + (iw + wextra) + " " + (ih + hextra)) $(ibox).find(".img-responsive").width(iw); $(ibox).find(".img-responsive").height(ih); $(ibox).find(".info").height(ih); if (doResize) $.colorbox.resize({ width: iw + wextra, height: ih + hextra }); } $(window).resize(function () { if (g_isDynamic && pup !== undefined) popupResize(pup, giw, gih, true); }); $(window).load(function () { $(".popup").click(function () { giw = $(this).data('width'); gih = $(this).data('height'); pup = $($(this).attr('href')); g_isDynamic = $(this).data('dynamic') === 1 ? true : false; popupResize(pup, giw, gih, false); var w = "768px"; var isMobile = $(window).width() < 768 ? true : false; w = "auto"; if (isMobile) w = "100%"; const isDgov2Slideshow = $(this).attr("data-isdgov2slideshow") != undefined; const isDGOV2 = true; const slideNumber = parseInt($(this).attr('data-slide-number')); const slideIndex = slideNumber - 1; //console.log("slideNumber for popup", slideNumber) const popupThis = this; $(this).colorbox({ className: 'inline-popup', fixed: true, transition: "none", opacity: .9, inline: true, width: w, height: 'auto', maxWidth:"80%", maxHeight:"100%", close: isDgov2Slideshow || isDGOV2 ? "<i class='fas fa-times' />" : "X", onClosed: function () { }, onComplete: function () { var popupHeight = jQuery(this.href.substring(this.href.lastIndexOf("#"))).outerHeight(true); if (jQuery("#colorbox").height() < popupHeight) { jQuery("#colorbox").height(popupHeight); } if (g_isDynamic) { if (!isMobile) { bodyScrollLock.disableBodyScroll(this); } } // for popup having data-isdgov2slideshow attr (see above) if (isDgov2Slideshow) { const popSelector = '#dgov2popup-target-3453605'; const ssSelector = '#dgov2slideshowId-3453605'; dgov2slideshowPopupInit({ numSlides: 0, startingSlideIndex: slideIndex, popupSelector: popSelector, slideshowSelector: ssSelector, slideshowMediaId: 3453605, }); giw = $(popupThis).data('width'); gih = $(popupThis).data('height'); pup = $($(popupThis).attr('href')); popupResize(pup, giw, gih, true); } $(window).resize(); }, onClosed: function () { pup = undefined; if (g_isDynamic) bodyScrollLock.enableBodyScroll(this); if (isDgov2Slideshow) { const popSelector = '#dgov2popup-target-3453605'; const ssSelector = '#dgov2slideshowId-3453605'; dgov2slideshowPopupDestroy({ popupSelector: popSelector, slideshowSelector: ssSelector, }); } } }); }); $(".popup-slideshow").colorbox({ inline: true, onComplete: function () { SlideshowInit(); $.colorbox.resize(); // stop scrollbar from flashing $("#cboxLoadedContent").css("overflow", ""); $("#cboxLoadedContent").css("overflow-y", "hidden"); }, onClosed: function () { $('.slideshow-gallery').trigger('slideTo', 0); } }); }); </script> </div> </div> </div> </div> </div> <script type="text/javascript"> var displayNextPrevNav = false var loggedIn = false; var articleId = 3453605; var moduleId = 1990; var mejPlayer; $(function () { if (!window.delayInitMediaElementJs) initMediaElementJs(); }); function initMediaElementJs() { mejPlayer = $(".article-view video").not(".noplayer").mediaelementplayer({ pluginPath: "/download/gzsdchpk-187//", videoWidth: '100%', videoHeight: '100%', success: function (mediaElement, domObject) { var aDefaultOverlay = jQuery(mediaElement).parents('.media-inline-video, .video-control').find('.defaultVideoOverlay.a-video-button'); var aHoverOverlay = jQuery(mediaElement).parents('.media-inline-video, .video-control').find('.hoverVideoOverlay.a-video-button'); var playing = false; $("#" + mediaElement.id).parents('.media-inline-video, .video-control').find('.mejs__controls').hide(); if (typeof GalleryResize === "function") GalleryResize(); mediaElement.addEventListener('play', function (e) { playing = true; jQuery(".gallery").trigger("pause", false, false); $("#" + e.detail.target.id).parents('.media-inline-video, .video-control').find('.mejs__controls').show(); $("#" + e.detail.target.id).parents('.media-inline-video, .video-control').find('.duration').hide(); if (aDefaultOverlay.length) { aDefaultOverlay.hide(); aHoverOverlay.hide(); } //place play trigger for DVIDS Analytics }, false); mediaElement.addEventListener('pause', function (e) { playing = false; if (aDefaultOverlay.length) { aDefaultOverlay.removeAttr("style"); aHoverOverlay.removeAttr("style"); } }, false); mediaElement.addEventListener('ended', function (e) { playing = false; }, false); if (aDefaultOverlay.length) { aDefaultOverlay.click(function () { if (!playing) { mediaElement.play(); playing = true; } }); aHoverOverlay.click(function () { if (!playing) { mediaElement.play(); playing = true; } }); } }, features: ["playpause", "progress", "current", "duration", "tracks", "volume", "fullscreen"] }); if (displayNextPrevNav) { DisplayNextPreviousNav(moduleId, articleId, loggedIn); } } $(window).load(function () { if (displayNextPrevNav) { var winWidth = $(document).width(); if (winWidth > 1024) { $('#footerExtender').css('height', '0px'); $('.article-navbtn .headline').addClass('contentPubDate'); } else { $('#footerExtender').css('height', $('.article-navbtn .headline').html().length > 0 ? $('.bottomNavContainer').height() + 'px' : '0px'); $('.article-navbtn .headline').removeClass('contentPubDate'); } } }); $(window).resize(function () { if (displayNextPrevNav) { var winWidth = $(document).width(); if (winWidth < 1024) { $('#footerExtender').css('height', $('.article-navbtn .headline').html().length > 0 ? $('.bottomNavContainer').height() + 'px' : '0px'); $('.article-navbtn .headline').removeClass('contentPubDate'); } else { $('#footerExtender').css('height', '0px'); $('.article-navbtn .headline').addClass('contentPubDate'); } } }); </script> </div><!-- End_Module_1990 --></div> </div><!--end of empty container --> </div></div> <div id="content-pane-wrap"> <div class="content-wrap"> <div id="dnn_ContentPane"><div class="DnnModule DnnModule-DNN_HTML DnnModule-2787"><a name="2787"></a> <div class="empty-container base-container"> <div id="dnn_ctr2787_ContentPane"><!-- Start_Module_2787 --><style> .subscribe { margin-top:0 !important; } </style><div id="dnn_ctr2787_ModuleContent" class="DNNModuleContent ModDNNHTMLC"> <div id="dnn_ctr2787_HtmlModule_lblContent" class="Normal"> <style> .subscribe { text-align: center; background: #ebebeb; padding: 2rem 2rem 1.5rem; max-width: 640px; margin: 3rem auto 3rem; } .subscribe h3 { text-align: left; margin-left: 15px; font-size: 1.7rem; margin-bottom: .5rem } .subscribe p { text-align: left; margin: -2px 0 0 0; font-size: 18px; color: #333; } .subscribe .btn.btn-primary { float: right; } /*************RESPONSIVE **********/ @media only screen and (max-width: 768px) { .subscribe { max-width: 620px; } .subscribe h3 { font-size: 2.1rem; } } @media only screen and (max-width: 600px) { .subscribe { text-align: center; padding: 2rem 2rem 1.5rem; } .subscribe h3 { text-align: center; Margin : 0; font-size: 2rem; } .subscribe p { text-align: center; margin: 0; font-size: 20px; line-height: 1.4; } .subscribe .btn.btn-primary { float: none; } } </style> <div class="subscribe"> <article> <h3>cities of indonesia</h3> <div class="dgov-grid"> <div class="dgov-col-sm-7 dgov-col-xs-12"> <p>List of cities in Indonesia by population</p> </div> <div class="dgov-col-sm-5 dgov-col-xs-12"><a class="btn btn-primary" href="/jili/fpjrsxko-297/">Subscribe </a></div> </div> </article> </div> </div> </div><!-- End_Module_2787 --></div> </div><!--end of empty container --> </div><div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-670"><a name="670"></a> <div class="empty-container base-container"> <div id="dnn_ctr670_ContentPane"><!-- Start_Module_670 --><style> h2.tab-title { margin-bottom: 5px; } @media screen and (max-width: 768px) { h2.tab-title { margin-left: 15px; margin-right: 15px;} } /* HOT FIX */ #alist-suggest .btn { display: none !important; } .alist .pager { display: none !important; } .alist .pager .btn-primary-ghost, .alist .pager .btn-primary-ghost:visited { display: none !important; } display: none !important; } </style> <h2 class="tab-title"><span>Related Stories</span></h2><div id="dnn_ctr670_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC"> <div id="dnn_ctr670_Dashboard_ph"> <div id="storyListing-670"> <div id="alist-suggest" class="alist stories external-news-list"> <div class="spinner3"> <div class="bounce1"></div> <div class="bounce2"></div> <div class="bounce3"></div> </div> <div class="alist-inner alist-more-here"> <feature-template template-mode="story" :show-all="false" :remove-grid="true"> <div class="dgov-grid"> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="reservegetal lotto" :hide-summary="true" article-alt="reservegetal lotto" article-url="/jili/vobhmccp-105/" article-url-or-link="/jili/vobhmccp-105/" article-url-or-link-absolute="/jili/vobhmccp-105/" article-summary="reservegetal lotto" image-url="/upluds/news/mcuiu.jpg" article-image-url="/upluds/news/kxcua.jpg" category="" image-caption="/jili/vobhmccp-105/" term-url="" term-name="" publish-date-jss="20250525" publish-date-ap="20250525"> </listing-with-preview> </div> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="rebelbetting review" :hide-summary="true" article-alt="rebelbetting review" article-url="/android/vobhmccp-251/" article-url-or-link="/android/vobhmccp-251/" article-url-or-link-absolute="/android/vobhmccp-251/" article-summary="rebelbetting review" image-url="/upluds/news/ndqse.jpg" article-image-url="/upluds/news/fkjba.jpg" category="" image-caption="/android/vobhmccp-251/" term-url="" term-name="" publish-date-jss="20250525" publish-date-ap="20250525"> </listing-with-preview> </div> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="result sporthive" :hide-summary="true" article-alt="result sporthive" article-url="/ph/vobhmccp-29/" article-url-or-link="/ph/vobhmccp-29/" article-url-or-link-absolute="/ph/vobhmccp-29/" article-summary="result sporthive" image-url="/upluds/news/tmihu.jpg" article-image-url="/upluds/news/enliv.jpg" category="" image-caption="/ph/vobhmccp-29/" term-url="" term-name="" publish-date-jss="20250525" publish-date-ap="20250525"> </listing-with-preview> </div> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="reddit scarlettkissesxo" :hide-summary="true" article-alt="reddit scarlettkissesxo" article-url="/download/vobhmccp-201/" article-url-or-link="/download/vobhmccp-201/" article-url-or-link-absolute="/download/vobhmccp-201/" article-summary="reddit scarlettkissesxo" image-url="/upluds/news/mmljx.jpg" article-image-url="/upluds/news/ipfnk.jpg" category="" image-caption="/download/vobhmccp-201/" term-url="" term-name="" publish-date-jss="20250525" publish-date-ap="20250525"> </listing-with-preview> </div> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="rehiyon dyes lyrics amihang mindanao" :hide-summary="true" article-alt="rehiyon dyes lyrics amihang mindanao" article-url="/ios/vobhmccp-138/" article-url-or-link="/ios/vobhmccp-138/" article-url-or-link-absolute="/ios/vobhmccp-138/" article-summary="rehiyon dyes lyrics amihang mindanao" image-url="/upluds/news/cygwr.jpg" article-image-url="/upluds/news/hssxj.jpg" category="" image-caption="/ios/vobhmccp-138/" term-url="" term-name="" publish-date-jss="20250525" publish-date-ap="20250525"> </listing-with-preview> </div> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="reporting chi-square results" :hide-summary="true" article-alt="reporting chi-square results" article-url="/android/vobhmccp-116/" article-url-or-link="/android/vobhmccp-116/" article-url-or-link-absolute="/android/vobhmccp-116/" article-summary="reporting chi-square results" image-url="/upluds/news/pknce.jpg" article-image-url="/upluds/news/enqae.jpg" category="" image-caption="/android/vobhmccp-116/" term-url="" term-name="" publish-date-jss="20250525" publish-date-ap="20250525"> </listing-with-preview> </div> </div> </feature-template> </div> <br> <div class="pager"> <button class="alist-more-button btn btn-primary btn-primary-ghost"> Load More </button> <div class="number-pager"> <div class="hidden-xs"> </div> <div class="visible-xs"> </div> </div> </div> </div> </div> <script> $(document).ready(function () { // see comment in Stories Listing template const DEBUG = false InitLoadMore(670, '&TabId=364&Article=3453605&senate-nominations-hold-stalls-hundreds-of-military-leader-appointments&language=en-US', { transformData: function (data, modid, page) { if (DEBUG) console.log("Stories Listing101: wrapData", data, modid, page); const moreId = "more-added-" + modid + "-" + page; const inject = "<feature-template id='" + moreId + "'" + " template-mode='story' :show-all='true' :remove-grid='true'>" + data + "</feature-template>"; return inject; }, afterInject: function (modid, page) { if (DEBUG) console.log("Stories Listing101: afterInject", modid, page); const moreId = "more-added-" + modid + "-" + page; const el = $("#" + moreId)[0]; const moreVue = new Vue({ el: el, }); }, }); $('.spinner3').fadeOut('fast'); }); /* link img and title hover */ $('.alist .poster a, .alist .info').hover(function () { $(this).closest('.item').addClass('hover'); }, function () { $(this).closest('.item').removeClass('hover'); }); $('.alist .info').click(function (evt) { if (evt.target.className.indexOf("info") !== -1) { var url = $(this).data("url"); window.location.href = url; } }); </script> <style> #alist .content-type-text.live { min-width: 135px; } #alist .content-type-text.live .live-icon { display: inline-block; max-width: 30px; margin-right: 5px; position: relative; top: -2px; } #alist .listing-with-preview { margin: 7px 0 23px; padding: 20px 0 0; border-top: 1px solid #ebebeb; } #alist .listing-with-preview:first-child { border-top: none; padding: 0; margin-top: 0; } #alist .listing-with-preview .image-container { display: none; display: block; } #alist .listing-with-preview:first-child .image-container { display: block; } #alist { margin-bottom: 2rem; } #alist figcaption .category a { display: inline-block; margin-bottom: 0; font-size: 15px; color: #355e93; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid rgba(53, 94, 147, 0); -webkit-transition: border .25s ease; -moz-transition: border .25s ease; -ms-transition: border .25s ease; -o-transition: border .25s ease; transition: border .25s ease; text-decoration: none; } #alist figcaption .category a:hover { border-bottom: 1px solid rgba(53, 94, 147, 1); } #alist figcaption .category .separator { color: #355e93; opacity: .5; margin: 0 8px 0 6px; } #alist figcaption .summary { font-size: 18px; margin: 0; } #alist .video-duration { display: none; } #alist figcaption time { display: inline-block; font-size: 15px; margin: 5px 0; color: #717171; padding: 0; min-width: 100px; } #alist .item figcaption h3.title { font-size: 1.6rem; font-family: 'Crimson Text', serif; font-weight: 500; line-height: 1.1em; margin-bottom: 8px; } #alist .item figcaption h3.title a { display: block; padding-left: 0px; border-left: 0px solid #fff; transition: all 0.15s linear; padding-right: 14px; } #alist .item figcaption h3.title a:hover { color: #355e93; padding-left: 10px; padding-right: 0px; border-left: 4px solid #254267; text-decoration: none; } #alist .item .image-wrap { margin-right: 0; margin-top: 8px; } #alist .item .image-wrap a { display: block; position: relative; padding-top: 66%; overflow: hidden; border: 1px solid #adadad; } #alist .item .image-replacement { background-color: rgba(255,255,255,.05); background-repeat: no-repeat; text-decoration: none; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-size: cover; background-position: 50% 50%; } #alist .item .image-wrap img { position: absolute; left: -9999px; } #alist .item:first-child figcaption { margin-left: 20px; } #alist .item figcaption { margin-left: 20px; } #alist .item figcaption h3.title a.card-edit-span { position: absolute; top: -15px; right: 0; padding: 0; } #alist .service-source { display: inline-block; position: relative; font-size: 17px; text-transform: uppercase; font-weight: bold; background: #355e93; color: #fff; padding: 2px 7px; margin: 0; } #alist .service-source.service-army { background: #376251; } #alist .service-source.service-marinecorps { background: #990F00; } #alist .service-source.service-navy { background: #88743A; } #alist .service-source.service-airforce { background: #144A75; } #alist .service-source.service-spaceforce { background: #D2D5D2; color: #2C588F; } #alist .service-source.service-coastguard { background: #327AB7; } #alist .service-source.service-nationalguard { background: #000000; } @media (max-width: 575px) { #alist .item:first-child figcaption { margin-left: 0; margin-top: 8px; } #alist .listing-with-preview { margin: 7px 0 12px; padding: 15px 0 0; } } </style> <script type="text/x-template" id="vue-feature-template"> <div class="feature-template"> <div :class="'feature-template-container' + (removeGrid ? '' : ' dgov-grid dgov-grid-full')"> <slot></slot> </div> <div class="more-row" v-if="thereAreMoreToView()"> <a class="btn btn-default btn btn-insidedod btn-insidedod-ghost" v-on:click="viewMore" :title="moreText">Load More</a> </div> <div class="bottom-target"></div> </div> </script> <script type="text/javascript"> (function () { const DEBUG = false; if (DEBUG) console.log("this is the feature-template component"); const tempSel = ""; const tempUse = tempSel ? tempSel : "#vue-feature-template"; if (DEBUG) console.log("f-t20: passed in selector for template div", tempSel) if (DEBUG) console.log("f-121: selector template div to use", tempUse); const tempEl = $(tempUse)[0]; if (DEBUG) console.log("f-t15: template element", tempEl); /////// // // Different layouts // // // Feature Blog Layout // const desktopAndLg = { full: ["dgov-col-6:feature", "dgov-col-6:feature", "dgov-col-4", "dgov-col-4", "dgov-col-4"], 4: ["dgov-col-12:feature", "dgov-col-4", "dgov-col-4", "dgov-col-4"], 3: ["dgov-col-4", "dgov-col-4", "dgov-col-4"], 2: ["dgov-col-6:feature", "dgov-col-6:feature"], 1: ["dgov-col-12:feature"], }; const blog_layouts = { desktop: desktopAndLg, lg: desktopAndLg, md: { full: ["dgov-col-12:feature", "dgov-col-6", "dgov-col-6", "dgov-col-6", "dgov-col-6"], 4: ["dgov-col-12:feature", "dgov-col-12:feature", "dgov-col-6", "dgov-col-6"], 3: ["dgov-col-12", "dgov-col-12", "dgov-col-12"], 2: ["dgov-col-12:feature", "dgov-col-12:feature"], 1: ["dgov-col-12:feature"], }, xs: { full: ["dgov-col-12", "dgov-col-12", "dgov-col-12", "dgov-col-12", "dgov-col-12"], 4: ["dgov-col-12", "dgov-col-12", "dgov-col-12", "dgov-col-12"], 3: ["dgov-col-12", "dgov-col-12", "dgov-col-12"], 2: ["dgov-col-12", "dgov-col-12"], 1: ["dgov-col-12"], }, } // // Story Layout // const grid3col = ["dgov-col-4", "dgov-col-4", "dgov-col-4"]; const grid2col = ["dgov-col-6", "dgov-col-6"]; const grid1col = ["dgov-col-12"]; const layout3xn = { full: grid3col, 2: grid2col, 1: ["dgov-col-12"], } const layout2xn = { full: grid2col, 1: ["dgov-col-12"], } const layout1xn = { full: grid1col, } const story_layouts = { desktop: layout3xn, lg: layout2xn, md: layout2xn, xs: layout1xn } Vue.component('feature-template', { name: 'feature-template', data: function () { return { templateSelector: "", numToShow: 5, pageAmount: 6, }; }, props: { "template-mode": String, "more-text": String, "show-all": { type: Boolean, default: false, }, "remove-grid": { type: Boolean, default: false, } }, template: tempEl, // matches ID in template above mounted: function () { window.addEventListener('resize', this.resize) this.resize(); }, methods: { resize: function () { if (DEBUG) console.log("resizing"); this.markChildren(); }, getLayout: function (layoutName) { // get particular layout based on layoutName argument // internally: also uses number of children and media size const numItems = this.$children.length; const mediaSize = this.getMediaType(); let layouts = this.getLayouts(this.templateMode); const layoutsForMediaSize = layouts[mediaSize] ? layouts[mediaSize] : layouts.desktop; const lfms = layoutsForMediaSize; if (lfms) { if (lfms[numItems]) { layout = lfms[numItems]; } else if (lfms.full) { layout = lfms.full; } } else { // using dgov-grid these are classes for up to five children const default_layout = ["dgov-col-6:feature", "dgov-col-6:feature", "dgov-col-4", "dgov-col-4", "dgov-col-4"]; layout = default_layout; } return layout; }, getLayouts: function (layoutName) { let layouts; switch (layoutName) { case "override": layouts = window._dgov_feature_layout_override; break; case "story": layouts = story_layouts; break; case "blog": default: layouts = blog_layouts; break; } return layouts; }, getMediaType: function () { const isXS = window.matchMedia("(max-width: 767px)").matches; const isMD = window.matchMedia("(min-width: 768px) and (max-width: 991px)").matches; const isLG = window.matchMedia("(min-width: 992px) and (max-width: 1199px)").matches; const isGiant = window.matchMedia("(min-width: 1200px)").matches; if (isXS) { return "xs"; } else if (isMD) { return "md"; } else if (isLG) { return "lg"; } else /* if (isGiant) */ { return "desktop" }; }, markChildren: function () { const numItems = this.$children.length; const mediaSize = this.getMediaType(); let layout = this.getLayout(this.templateMode); const layoutLen = layout.length; for (let i = 0; i < this.$children.length; i++) { const item = this.$children[i] if (DEBUG) console.log('layout', layout.length, layout); if (i >= layout.length) { // hide //item.addClass("hidden-item"); const pieces = layout[layout.length - 1].split(":"); const reflexClass = pieces[0]; const cardType = pieces[1]; if (item.setCardType) item.setCardType(cardType); // undefined means default if (item.resetClass) item.resetClass(); if (item.addClass) item.addClass(reflexClass); } else { const pieces = layout[i].split(":"); const reflexClass = pieces[0]; const cardType = pieces[1]; // might be undefined if (DEBUG) console.log("f-t85:", pieces, reflexClass, cardType); if (item.setCardType) item.setCardType(cardType); // undefined means default if (item.resetClass) item.resetClass(); if (item.addClass) item.addClass(reflexClass); } if (!this.showAll && (i >= this.numToShow)) { if (item.addClass) item.addClass("hidden-item"); } } }, thereAreMoreToView: function () { if (!this.showAll && (this.numToShow < this.$children.length)) { return true; } else { return false; } }, viewMore: function () { // view more! this.numToShow += this.pageAmount; if (DEBUG) console.log("viewMore event, numToShow", this.numToShow); this.resize(); setTimeout(function () { const targel = $('.bottom-target')[0]; if (targel.scrollIntoView) { targel.scrollIntoView(false); } }, 100); }, } }); })(); </script> <style> .feature-template .dgov-grid.feature-template-container .hidden-item { display:none; } .feature-grid.alist.stories .feature-template .item a.title, .feature-grid.alist.stories .feature-template .item a.title:link { font-size:1.4rem; } .more-row { display: flex; align-items: center; flex-direction: column; padding: 15px; } /* Note: this relates to lack of encapsulation where Dashboard applies .list class to parent container. Would be better to have an event so that the card code 'knows' the card is in 'list' mode. This rule isn't needed however, but is documentation since this may be an issue if the structure changes to include future features. Special rule is in story-card, may be moved or similar for other types of cards. */ .alist.stories.list .feature-template .feature-template-container { display:block; } .more-row { display: flex; align-items: center; flex-direction: column; padding: 15px; } /*.feature-template-container { display: flex; flex-direction: row; }*/ </style> <script type="text/x-template" id="vue-listing-with-preview-template"> <div class="listing-with-preview item explore-item"> <figure> <div class="dgov-grid dgov-grid-bleed"> <template v-if="pageNumber == 1 || alwaysShowImages"> <div :class="imageContainerClasses"> <div class="image-wrap" v-bind:class="{'video-wrap-container no-pointer-events': isVideo}"> <template v-if="isVideo"> <img src="/upluds/news/obvcy.jpg" class="defaultVideoOverlay a-video-button"> <img src="/upluds/news/cxxgf.jpg" class="hoverVideoOverlay a-video-button"> </template> <div class="image-wrap-wrap"> <div class="image-replacement" :style="'background-image: url('+ imageUrl +')'"></div> <img alt="" :src="imageUrl"> </div> </div> </div> </template> <div :class="contentContainerClasses"> <figcaption :style="pageNumber > 1 && !alwaysShowImages ? 'margin-left: 0 !important' : ''"> <span class="category"> <template v-if="isInDashboard"> <template v-if="contentTypeVal === '987'"> <a class="content-type-text live" href="/ph/kvjtcxot-140/"> <img class="live-icon" src="/upluds/news/kvpxp.jpg" /> <span>Live</span> </a> </template> <template v-else> <a :class="'content-type-text ' + dashboardCatData[0]" :href="dashboardCatData[1]"><span>{{ dashboardCatData[2] }}</span></a> </template> </template> <template v-else> <template v-if="contentTypeName==='From the Services'"> <span :class="'service-source service-'+categoryName">{{category}}</span> </template> <template v-else> <a class="content-type-text" :href="categoryLineOverride ? termUrl: prettyContentTypeUrl"> <span>{{categoryLineOverride ? categoryLineOverride : prettyContentTypeName}}</span> </a> </template> </template> <template v-if="shouldShowDate"> <span class="item-date-time"> <span class="separator">|</span> <time :data-dateago="publishDateJss" :data-dateap="publishDateAp"> {{publishDateAp}} </time> </span> </template> </span> <h3 class="title"> <span v-html="articleTitle"></span> <card-edit-span :isEditMode="canEdit" :editUrl="editUrl" :imageUrl="editImage"></card-edit-span> </h3> <p v-if="!hideSummary" class="summary hidden-xs hidden-xxs" v-html="articleSummary"></p> </figcaption> </div> <a class="link-overlay" :href="articleUrlOrLink"> <span class="sr-only" v-html="articleTitle"></span> </a> </div> </figure> <div style="clear:both"></div> </div> </script> <!-- here is a card-edit-span element... need to share this, but the vue component token is not a good way because it would be multiply imported every time it's used by a card. It should be linked with "registerscript" --> <script type="text/x-template" id="vue-card-edit-span-template"> <a title="Edit" v-if="isEditMode" class="card-edit-span" :href="editUrl" alt="edit link"> <img title="Edit" :src="imageUrl" alt="edit pencil" /> </a> </script> <script type="text/javascript"> (function () { const DEBUG = false; if (DEBUG) console.log("this is the listing-with-preview (default card) component"); const tempSel = ""; const tempUse = tempSel ? tempSel : "#vue-listing-with-preview-template"; if (DEBUG) console.log("sc85:", tempSel, tempUse); const tempEl = $(tempUse)[0]; if (DEBUG) console.log("sc87:", tempEl); // TODO: move this to shared .js utilizing vue:registerjs token const _contentTypeLib = { '1': { url: "/ph/axnozpqa-192/", name: "News", }, '514': { url: "/android/ufrbcoeo-151/", name: "Spotlight", }, '515': { url: "/jili/pwismadj-260/", name: "Inside DOD", }, '610': { url: "/bet/kbcvsebj-278/", name: "Inside DOD", }, '936': { url: "/download/kzjgdzpo-292/", name: "From The Services", }, '700': { // "Special Report" url: "/news/bdftngxz-62/", name: "Experience", videoName: "Video", }, '800': { url: "/bet/jylwggbh-31/", name: "Feature", videoName: "Video", }, '801': { url: "/download/raafihmz-68/", name: "Quiz", videoName: "Quiz", }, '808': { url: "/download/rjdqumri-225/", name: "VideoCS", prettyName: "Legacy Video", videoName: "Legacy Video", }, '809': { url: "/download/xthyuwne-27/", name: "VideoCS2", prettyName: "Video", videoName: "Video", }, '616': { url: "/news/dtfbjcqx-286/", prettyName: "Video", videoName: "Video", }, '9': { url: "/jili/tjflnxcl-211/", name: "Release" }, '2': { url: "/blog/fouskiws-282/", name: "Advisory" }, '13': { url: "/news/ifemccsz-162/", name: "Transcript" }, '5': { url: "/jili/uiugbmog-185/", name: "Publication" }, '400': { url: "/ph/nqlcikov-172/", name: "Contracts" }, '11': { url: '/news/mnxftzkt-207/', name: 'Speech' }, '884': { url: '/ios/ablziflg-201/', name: 'Speech' }, // for types > 800 (that are not above) custom: { name: null, // means 'actual' contentTypeName videoName: "Video", }, }; const _dashboardCatData = { '1': ['news', '/download/sstpxnov-267/', 'News'], '800': ['feature', '/download/rrhlggpf-93/', 'Feature'], '514': ['spotlight', '/jili/vygqqhqb-41/', 'Spotlight'], '515': ['inside-dod', '/bet/myuupmnd-32/', 'Blog'], '809': ['video', '/jili/rdmeypih-298/', 'Video'], '616': ['video2', '/news/ebriltyh-236/', 'Video'], '987': ['live', '/ph/hrcdaaic-169/', 'Live Event'], '700': ['experience', '/download/twmizsjs-123/', 'Experience'], '801': ['quiz', '/jili/fyjddyyy-44/', 'Quiz'], '610': ['blog', '/download/bsbqmxvx-84/', 'Inside DoD'], '936': ['from-the-services', '/blog/ipzgtkpl-96/', 'From The Services'], '2': ['advisory', '/jili/yjxhlmyc-276/', 'Advisory'], '889': ['advisory', '/blog/ywzkzxxk-243/', 'Advisory'], '5': ['publication', '/android/thcpdzux-15/', 'Publication'], '886': ['publication', '/news/lvkqjrbe-151/', 'Publication'], '9': ['release', '/ph/ejcedbli-290/', 'Release'], '885': ['release', '/ios/xbkxwwhc-212/', 'Release'], '11': ['speech', '/bet/mckcrmis-170/', 'Speech'], '884': ['speech', '/blog/ebdptuwf-104/', 'Speech'], '13': ['transcript', '/blog/yswlujqy-177/', 'Transcript'], '883': ['transcript', '/blog/vhidhidr-183/', 'Transcript'], '400': ['contracts', '/ph/ohevwkfj-44/', 'Contracts'] }; Vue.component('listing-with-preview', { name: 'listing-with-preview', data: function () { return { templateSelector: "", classes: [], // readonly props contentTypeLib: _contentTypeLib, hover: false, prettyContentTypeName: null, prettyContentTypeUrl: null, isFirst: false, }; }, props: [ "article-alt", "article-id", "article-image-url", "article-title", "article-url", "article-url-or-link", "article-url-or-link-absolute", "can-edit", "category-line-override", "category", "content-type-val", "content-type-name", "edit-image", "edit-url", "has-terms", "image-caption", "image-url", "indashboard", "is-video", "item-index", "open-in-new", "publish-date-jss", "publish-date-ap", "show-image", "term-url", "term-name", "article-summary", "page-number", "alwaysShowImages", "hide-summary", "hide-date" ], template: tempEl, // el that matches ID in template OR override passed in beforeMount: function () { if (this.$parent.$children.length === 1) { this.isFirst = true; } }, mounted: function () { if (false) console.log("props", this.showImage, JSON.stringify(this.$props, null, 4)); this.prettyContentTypeName = this.constructPrettyContentTypeName(); this.prettyContentTypeUrl = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].url : this.termUrl; if (DEBUG) console.log("sc155: mounted: content type:", this.prettyContentTypeVal, this.prettyContentTypeName, this.prettyContentTypeUrl) }, computed: { categoryName: function () { // Should be safe for CSS class name return encodeURIComponent(this.category) .toLowerCase() .replace(/\.|%[0-9a-z]{2}/gi, ''); }, isInDashboard: function () { return typeof this.indashboard === "undefined" ? false : !!this.indashboard; }, shouldShowDate: function () { return ![514, 700, 801].includes(parseInt(this.contentTypeVal, 10)); }, dashboardCatData: function () { // Example: '1': ['news', '/bet/gwrrvqat-45/', 'News'], return _dashboardCatData[this.contentTypeVal]; }, imageContainerClasses: function () { return this.isInDashboard ? 'dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container' : 'dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-6 dgov-col-lg-6 image-container'; }, contentContainerClasses: function () { return this.isInDashboard ? 'dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8' : (this.isFirst && this.pageNumber === 1 && !this.alwaysShowImages) ? 'dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-6 dgov-col-lg-6' : 'dgov-col-12 dgov-col-xs-12 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-12'; }, imageSrc: function () { return this.isInDashboard ? this.imageUrl : this.articleImageUrl; }, pageNumber: function () { let pageNumber = 1; const activePage = $(".apager .active a span")[0]; if (activePage) { pageNumber = +$(activePage).text(); } return pageNumber; }, }, methods: { addClass: function (newClass) { this.classes.push(newClass); }, constructPrettyContentTypeName: function () { // NOTE: this is duplicated in listing-with-preview and you may have a // change that applies there. Should be moved to shared space using vue:registerjs token // TODO: moved to shared location (via vue:registerjs) let prettyName = null; const isVideo = this.isVideo; // first check for specific entry in _contentTypeLib dictionary if (isVideo) { prettyName = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].videoName : null; if (!prettyName) { // use name if videoName not set prettyName = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].name : null; } } else { prettyName = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].name : null; } // if still null, and type > 800 check in "custom" entry of contentTypeLib const contentTypeNumber = parseInt(this.contentTypeVal); if (prettyName == null && contentTypeNumber >= 800) { if (isVideo) { prettyName = this.contentTypeLib.custom ? this.contentTypeLib.custom.videoName : null; } else { prettyName = this.contentTypeLib.custom ? this.contentTypeLib.custom.name : null; } } if (prettyName == null) prettyName = this.contentTypeName; return prettyName; }, hasTermName: function () { if (this.termName && this.termName.length > 0) { return true; } return false; }, hoverOn: function () { //if (DEBUG) console.log("i-c106: hover on"); // css :hover solution is not currently used... maybe tricky // this approach is borrowed from the current non-vue way this is done this.hover = true; }, hoverOff: function () { //if (DEBUG) console.log("ic-110: hover off"); this.hover = false; }, resetClass: function () { this.classes = []; }, setCardType: function (cardType) { // we only do one card type so ignore. This is an event from the layout // for the adaptive-card. if (DEBUG) console.log("s-c178: ignoring card type:", cardType); }, targetVal: function () { // openInNew being passed as string b/c reason // reason: tag comes from server side rendering and might // not be good Vue value, must allow this sort of prop to be a string return this.openInNew == "true" ? "_blank" : "_self"; }, }, }); Vue.component('card-edit-span', { name: 'card-edit-span', template: "#vue-card-edit-span-template", props: ["editUrl", "imageUrl", "isEditMode"], }); })(); function normalizeStoryCard() { const cardEls = $('.card-wrapper') const cards = cardEls.toArray(); const maxh = cards.reduce(function (acc, item) { const height = $(item).height(); if (height > acc) { return height; } else { return acc; } }, 0); console.log("height max", maxh); cardEls.height(maxh); } </script> <style> .no-pointer-events { pointer-events: none; } </style> <!-- This fragment compiles a Vue template located in a div with an id of "storyListing-670". --> <script type="text/javascript"> (function () { const DEBUG = false; if (DEBUG) console.log("m-i2: vue:initialize:storyListing"); document.addEventListener("DOMContentLoaded", function () { if (DEBUG) console.log("initializing vue on storyListing in module 670") const elTarg = "#storyListing-670"; // supports sending in "data" and "methods" by naming convention let modData = {}; let modMethods = {}; const typeofModData = typeof(storyListing670_data); const typeofModMethods = typeof(storyListing670_methods); if (typeofModData != "undefined") { modData = storyListing670_data; } if (typeofModMethods != "undefined") { modMethods = storyListing670_methods; } const el = $(elTarg)[0]; const moduleVue = new Vue({ el: el, mounted: function () { // call the callback if exists. // naming vueToken_mounted_670 if (DEBUG) console.log("cb?", typeof (vueToken_mounted_670)); if (typeof (vueToken_mounted_670) === "function" ) { const mountedCB = vueToken_mounted_670; if (mountedCB) { // currently no arguments, just a time event, e.g. when slick // could be initialized. this.$nextTick(mountedCB); } } }, data: modData, methods: modMethods, }); }); })(); </script> </div> </div><!-- End_Module_670 --></div> </div><!--end of empty container --> </div></div> </div> </div> <div id="dnn_ContentPaneFullBleed2" class="DNNEmptyPane"></div> <div id="content-pane-wrap2"> <div class="content-wrap"> <div id="dnn_ContentPane2" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed3" class="DNNEmptyPane"></div> <div id="content-pane-wrap3"> <div class="content-wrap"> <div id="dnn_ContentPane3" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed4" class="DNNEmptyPane"></div> <div id="content-pane-wrap4"> <div class="content-wrap"> <div id="dnn_ContentPane4" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed5" class="DNNEmptyPane"></div> <div id="content-pane-wrap5"> <div class="content-wrap"> <div id="dnn_ContentPane5" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed6" class="DNNEmptyPane"></div> <div id="content-pane-wrap6"> <div class="content-wrap"> <div id="dnn_ContentPane6" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed7" class="DNNEmptyPane"></div> <div id="content-pane-wrap7"> <div class="content-wrap"> <div id="dnn_ContentPane7" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed8" class="DNNEmptyPane"></div> <div id="content-pane-wrap8"> <div class="content-wrap"> <div id="dnn_ContentPane8" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed9" class="DNNEmptyPane"></div> <div id="content-pane-wrap9"> <div class="content-wrap"> <div id="dnn_ContentPane9" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed10" class="DNNEmptyPane"></div> <div id="content-pane-wrap10"> <div class="content-wrap"> <div id="dnn_ContentPane10" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed11" class="DNNEmptyPane"></div> <div id="content-pane-wrap11"> <div class="content-wrap"> <div id="dnn_ContentPane11" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed12" class="DNNEmptyPane"></div> <div id="content-pane-wrap12"> <div class="content-wrap"> <div id="dnn_ContentPane12" class="DNNEmptyPane"></div> </div> </div> </main> <div id="footer"> <div class="footer-inner content-wrap content-wrap-wide"> <div class="dgov-grid"> <div class="dgov-col-auto"> <div class="dgov-grid"> <div id="dnn_Footer_footerNavCol1" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto"> <h3>www.youfitter.com<i class="fas fa-chevron-down"></i></h3> <ul class="footer-nav"> <li class=""> <a href="https://m.j525e.com/bet/gwrrvqat-45/"> <span class="text text-link-18">Home</span> </a> </li> <li class=""> <a href="https://m.dralar.com/download/xlxitjyp-244/"> <span class="text text-link-20">News</span> </a> </li> <li class=""> <a href="https://yenbailand.com/ph/qlevxmhi-294/"> <span class="text text-link-22">Spotlights</span> </a> </li> <li class=""> <a href="https://ph.yg52.com/blog/tydmqfvs-114/"> <span class="text text-link-21">About</span> </a> </li> </ul> </div> <div id="dnn_Footer_footerNavCol2" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto"> <h3>Helpful Links<i class="fas fa-chevron-down"></i></h3> <ul class="footer-nav"> <li class=""> <a href="https://m.j718e.com/ph/uvtffvhi-226/"> <span class="text text-link-23">Live Events</span> </a> </li> <li class=""> <a href="https://m.nhecertification.com/blog/xlxgxdtd-120/"> <span class="text text-link-24">Today in DOD</span> </a> </li> <li class=""> <a href="https://ph.bt-jsd.com/bet/xzebfuuf-25/"> <span class="text text-link-25">Contracts</span> </a> </li> <li class=""> <a href="https://m.j117e.com/download/yonzvach-256/"> <span class="text text-link-26">For the Media</span> </a> </li> <li class=""> <a href="https://m.yenbailand.com/blog/hrkgayry-14/"> <span class="text text-link-27">Contact</span> </a> </li> </ul> </div> <div id="dnn_Footer_footerNavCol3" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto"> <h3>Resources<i class="fas fa-chevron-down"></i></h3> <ul class="footer-nav"> <li class=""> <a href="https://aiyx-sports.com/android/jskaukir-237/"> <span class="text text-link-28">DOD Resources</span> </a> </li> <li class=""> <a href="https://www.alexanderandvictor.com/ios/ikdhdkpa-247/"> <span class="text text-link-53">DOD Social Media Policy</span> </a> </li> <li class=""> <a href="https://www.luntan23.com/blog/yyoafysn-102/"> <span class="text text-link-29">Help Center</span> </a> </li> <li class=""> <a href="https://ph.cnclanka.com/download/uziklbug-176/"> <span class="text text-link-30">DOD / Military Websites</span> </a> </li> <li class=""> <a href="https://www.0898daiyun.com/bet/kffcuzwa-45/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-49">Agency Financial Report</span> </a> </li> </ul> </div> <div id="dnn_Footer_footerNavCol4" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto"> <h3>Popular<i class="fas fa-chevron-down"></i></h3> <ul class="footer-nav"> <li class=""> <a href="https://m.j251e.com/news/yywitmwb-239/"> <span class="text text-link-33">Value of Service</span> </a> </li> <li class=""> <a href="https://m.k591t.com/ph/diujhcii-98/"> <span class="text text-link-36">Taking Care of Our People</span> </a> </li> <li class=""> <a href="https://candlespetra.com/bet/ksaroghv-115/"> <span class="text text-link-34">FY 2024 Defense Budget</span> </a> </li> <li class=""> <a href="https://ph.j277e.com/jili/uarylbqb-226/"> <span class="text text-link-54">National Defense Strategy</span> </a> </li> </ul> </div> </div> </div> <div class="right-col dgov-col-md-12 dgov-col-lg-4"> <div class="right-col-inner"> <div class="mission"> <img class="footer-logo" alt="cities of indonesia|List of cities in Indonesia by population" src="/template/qiye/picture/DOD-Icon-Header.png"> <p>cities of indonesia|List of cities in Indonesia by population As seen on CBeebies! Watch Numberblocks full episodes on BBC iPlayer: https://bbc.in/2ZHvNtl Subscribe for more Numberblocks: https://goo.gl/rF32S8Learn to c.</p> </div> <div class="footer-search-wrap"> <label class="sr-only" for="footer-search-input">Enter Your Search Terms</label> <i class="fa fa-search" id="fa-search-icon-bottom"></i> <input type="search" id="footer-search-input" name="footer-search" maxlength="256" placeholder="Search..."> </div> </div> </div> </div> </div> </div> <footer id="footer-main"> <div class="utility-nav"> <ul class=""> <li class=""> <a href="/sitemap.xml"> <span class="text text-link-47">Site Map</span> </a> </li> </ul> </div> <div class="social-nav-subscribe-container"> <div class="social-nav"> <ul class=""> <li class=""> <a href="https://ph.0898daiyun.com/news/hprjelht-27/" target="_blank" rel="noopener noreferrer" title="Twitter"> <span class="social-icon fa fa-twitter social-link-5"></span> </a> </li> <li class=""> <a href="https://ph.dralar.com/android/iizkywwo-211/" target="_blank" rel="noopener noreferrer" title="Facebook"> <span class="social-icon fa fa-facebook social-link-6"></span> </a> </li> <li class=""> <a href="https://m.woodrollerski.com/bet/rutyjeia-130/" target="_blank" rel="noopener noreferrer" title="Instagram"> <span class="social-icon fa fa-instagram social-link-8"></span> </a> </li> <li class=""> <a href="https://ph.coastaldogs.com/jili/hdngxlfw-96/" target="_blank" rel="noopener noreferrer" title="LinkedIn"> <span class="social-icon fa fa-linkedin social-link-51"></span> </a> </li> <li class=""> <a href="https://m.dralar.com/news/zhlvmbsr-28/" target="_blank" rel="noopener noreferrer" title="YouTube"> <span class="social-icon fa fa-** social-link-7"></span> </a> </li> </ul> </div> <a class="subscribe-btn btn btn-sm btn-primary" href="https://0898daiyun.com/jili/ftkecfev-279/" target="_blank">Subscribe</a> </div> </footer> <div id="footer-hosting"><div class="skin-footer-banner"><a target="_blank" rel="noreferrer noopener" href="/"><span>cities of indonesia|List of cities in Indonesia by population - www.youfitter.com</span></a></div></div> <script type="text/javascript"> var usasearch_config = { siteHandle: skinvars.aid, autoSubmitOnSelect: false, } window.onload = function () { document.getElementById("footer-search-input").value = ""; } var script = document.createElement("script"); script.type = "text/javascript"; script.src = "//search.usa.gov/javascripts/remote.loader.js"; document.getElementsByTagName("head")[0].appendChild(script); (function ($) { $(function () { $('.footer-nav-col h3').click(function () { if (window.innerWidth > 991) return; $(this).parent('.footer-nav-col').toggleClass('active'); }); }); })(jQuery); const queryInput = $("input[name=search-main],input[name=header-search], input[name=footer-search], i[id=fa-search-icon-bottom]").on("keyup", function (e) { if (e.keyCode == 13) { submitSearch($(this)); } }); $("input[name=search-main] ~ button, .search-icon, input[name=footer-search], input[name=footer-search] ~ button, i[id=fa-search-icon-bottom]").on("click", function (e) { e.stopImmediatePropagation(); submitSearch($(this)); }); $(".search-icon").on("keypress", function (e) { if (e.which == 13) { e.stopImmediatePropagation(); submitSearch($(this)); } }); function submitSearch($this) { const query = $this ? ($this.val() || $this.parent().find('input').val()) : ""; const affiliate = !!skinvars.aid ? skinvars.aid : 'defensegov'; if (query.length > 1) window.location = "//search.usa.gov/search?query=" + query + "&affiliate=" + affiliate + "&utf8=%26%23x2713%3B"; } </script> <input name="ScrollTop" type="hidden" id="ScrollTop"> <input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off" value="`{`__scdoff`:`1`,`sf_siteRoot`:`/`,`sf_tabId`:`587`}"> <script src="/template/qiye/js/bootstrap.min.js" type="text/javascript"></script> </form> </body> <!--ＱＱ：--></html>